<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>  
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>搜索</title>
		<%@include file="../common/rootPath.jsp" %>
		<link rel="stylesheet" type="text/css" href="${ctx }/css/reset.css" />
		<link rel="stylesheet" href="${ctx }/css/public.css" />
		<link rel="stylesheet" type="text/css" href="${ctx }/css/body.css"/>
		<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
		<script type="text/javascript" src="${ctx }/js/jianrong.js"></script>
		<script type="text/javascript" src="${ctx }/js/fastclick.js"></script>
		<script type="text/javascript">
				function findSearch(){
					var searchName = $("#searchName").val();
					if(searchName==null || searchName==""){
						return false;
					}
					var searchNameE = encodeURI(encodeURI(searchName));
					window.location.href="${ctx}/goods/queryGoodsResult?searchName="+searchName+"";
				}
		</script>
	</head>
	<body>
		<header>
			<nav class="headerTwo">
				<img src="${ctx }/image/bg.png" alt="" />
				<a href="javascript:history.back(-1)" class="fl"><img src="${ctx }/image/return.png" alt="" /></a>
				<div class="searchBox searc">
					<div></div>
					<a href="javascript:void(0);" onclick="findSearch();" ><img src="${ctx}/image/sou.png" alt="" /></a>
					<input type="text" id="searchName" name="searchName"  placeholder="搜索商品/店铺" class="inputes"/>
					<img src="${ctx }/image/close.png" alt="" />
				</div>
				<a href="javascript:void(0);" onclick="findSearch();" class="headerRw" >搜索</a>
			</nav>
	</header>
	<div class="pay"></div>
	<%--  <ul class="search searchO ">
	 	<li class="clearfix">
	 		<span class="fl">历史搜索</span>
	 		<img src="${ctx }/image/del.png" alt="" class="fr searchI"/>
	 	</li>
	 	<li class="historyS">
	 		<a href="#" >三只松鼠</a>
	 		<a href="#" >男装</a>
	 		<a href="#" >女装</a>
	 		<a href="#" >iPone 7 plus</a>
	 		<a href="#" >男士夹克</a>
	 		<a href="#" >呢大衣</a>
	 	</li>
	 </ul> --%>
	 <ul class="search searA">
	 	<li class="clearfix">
	 		<span class="fl">热门搜索</span>
	 	</li>
	 	<li >
	 		<c:forEach items="${keywordsList}" var="keywords">
	 			<a href="${ctx}/goods/queryGoodsResult?searchName=${keywords}">${keywords}</a>
	 		</c:forEach>
	 	</li>
	 </ul>
	 <div class="mengban"></div>
	 <div class="searchT">
	 	<p>确定清空历史搜索吗？</p>
	 	<a href="#">取消</a>
	 	<a href="#">确定</a>
	 </div>
  </body>

  <script type="text/javascript" src="${ctx }/js/public.js"></script>
 <%--  <script type="text/javascript" src="${ctx }/js/search.js"></script> --%>
</html>
